<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/layui.css">
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            background-color: #f2f2f2;
        }
        .register-box {
            width: 400px;
            padding: 20px;
            background-color: #fff;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            border-radius: 8px;
        }
    </style>
</head>
<body>
<div class="register-box">
    <h2 class="layui-text">用户注册</h2>
    <form action="<%=request.getContextPath()%>/user/register" method="post" class="layui-form">
        <div class="layui-form-item">
            <input type="text" name="username" required placeholder="用户名" autocomplete="off" class="layui-input">
        </div>
        <div class="layui-form-item">
            <input type="password" name="password" required placeholder="密码" autocomplete="off" class="layui-input">
        </div>
        <div class="layui-form-item">
            <input type="email" name="email" required placeholder="邮箱" autocomplete="off" class="layui-input">
        </div>
        <div class="layui-form-item">
            <button class="layui-btn layui-btn-fluid" lay-submit>注册</button>
        </div>
        <div class="layui-form-item layui-text">
            已有账号？<a href="index.jsp">立即登录</a>
        </div>
    </form>
</div>
<script src="${pageContext.request.contextPath}/static/layui.js"></script>
</body>
</html>
